<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>七天退货</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
 <script src="js/jquery.min.js?v=2.1.4"></script>
 <script src="js/core.js"></script>
<script src="js/5.0.0qitianbaohuan.js"></script>

</head>

<body>
	
	
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">
        	<a href="1.4.0seach.html" class="top_seach"><img src="images/top_seach.png" />请输入关键词搜索</a>
        </h1>
        <a href="javascript:void(0);" class="p_header_right" id="showRight">筛选</a>
    </header>
</div>
<!--筛选-->
<section id="Class" class="job-module"> 
	<dl class="retrie"> 
		<dt>
			<a style="width: 25%;" href="javascript:shangquan();"><span id="shangquanmingzi">全部商圈</span> <i>&nbsp;</i></a>
			<a style="width: 25%;" id="area" href="javascript:fenlei();"><span>全部分类</span> <i>&nbsp;</i></a>
			<a style="width: 25%;" id="wage" href="javascript:shuxin();"><span>全部属性</span><i>&nbsp;</i></a>
			<a id="price" style="width: 25%;" href="javascript:;"><span>综合排序</span><i>&nbsp;</i></a>
		</dt> 
		<dd> 
			<ul class="slide downlist" id="shangquan"> 
			</ul> 
		</dd> 
		<dd class="area" id="areadd"> 
			<ul class="slide downlist" > 
				<li class="public_shu">
					<div class="w_xxtaba clearfix">
                        <ul class="w_xxtab_tit w_shaix1 clearfix por" id="sortUl">
                          
                        </ul>
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul id="sortSon">
                                   
                                </ul>
                            </div>
                        </div>
                       
                    </div>
				</li> 
			</ul>
		</dd> 
		
		<dd class="wage" id="wagedd"> 
			<ul class="slide downlist"> 
				<li class="public_shu">
					<div class="w_xxtaba clearfix">
                        <ul class="w_xxtab_tit w_shaix1 clearfix por" id="fengge">
                          
                        </ul>
                        <!-- 风格 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul id="erji">
                                   
                                </ul>
                            </div>
                        </div>
                       
                    </div>
				</li> 
			</ul>
		</dd> 
		<dd class="price" id="pricedd"> 
			<ul class="slide downlist"> 
				<li sort-Screen="1"><a href="javascript:selectChanPinByprice(1,'综合排序');">综合排序</a> </li> 
				<li sort-Screen="2"><a href="javascript:selectChanPinByprice(2,'发布时间');">发布时间</a></li> 
				<li sort-Screen="3"><a href="javascript:selectChanPinByprice(3,'价格最高');">价格最高</a></li> 
				<li sort-Screen="4"><a href="javascript:selectChanPinByprice(4,'价格最低');">价格最低</a></li> 
				<li sort-Screen="5"><a href="javascript:selectChanPinByprice(5,'按收藏量');">按收藏量</a></li> 
				<li sort-Screen="6"><a href="javascript:selectChanPinByprice(6,'按 销 量');">按 销 量</a></li> 
			</ul> 
		</dd> 
	</dl> 
</section>

<div style="width: 100%; height: 49px;"></div>
<!--产品-->
<input type="text"  style="display: none;" id="dianpuleixing"/>
<input type="text"  style="display: none;" id="remaigoodss"/>
<input type="text"  style="display: none;" id="shifoubaohuans"/>
<input type="text"  style="display: none;" id="jingbidikous"/>
<div class="clearfix" id="chanping">
</div>


<!--top 筛选-->
<form  action="demo_form.asp" method="get">
<div class="shaixuan cbp-spmenu-right" id="cbp-spmenu-s2">
	<div id="Fenlei">
		<div class="shaixuan_header clearfix quxiao_left">
			<a class="shaixuan_header_left" href="javascript:void(0);">取消</a>
			<h1>筛选</h1>
			<a class="shaixuan_header_right" href="javascript:shaixuanshousuo();">确定</a>
		</div>
		<div class="shaixuan_con">
			<div class="shaixuan_dianpu">
				<span class="sx_curr" id="1">实体店</span>
				<span id="2">工厂店</span>
				<span id="3">网批店</span>
			</div>
			<div class="shaixuan_price">
				<h6>价格区间(元)</h6>
				<div class="shaixuan_price_input">
					<input type="text" id="zuishaozhi" placeholder="最少值" />
					<em>——</em>
					<input type="text" id="zuidazhi" placeholder="最多值" />
				</div>
			</div>
			<div class="shaixuan_ul">
				<ul>
					<li class="clearfix">
						<span>起批件数</span>
						<div class="fr clearfix">
			            	<input type="text" id="qipijianshu"/>
			            	<em>件一下起批</em>
			           </div>
					</li>
					<li class="clearfix">
						<span>热销商品</span>
						<div class="fr jg_swith">
			            	<div id="rexiaogoods" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfix">
						<span>支持包换</span>
						<div class="fr jg_swith">
			            	<div id="shifoubaohuan" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfix">
						<span>金币抵扣</span>
						<div class="fr jg_swith">
			            	<div id="jingbidikou" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfixs">
						<span id="pfsq">批发商圈</span>
						<a id="shangquanmingzi" class="show_shangquan" onclick="selectallsshangquan()" href="javascript:void(0);">全部商圈</a>
					</li>
				</ul>
			</div>
			<div class="shaixuan_chongzhi">
				<input type="reset" value="重置" />
			</div>
		</div>
	</div>
	<!--商圈-->
	<div id="Shangquan">
		<div class="shaixuan_header clearfix shangquan_quxiao">
			<a class="shaixuan_header_left" href="javascript:void(0);">取消</a>
			<h1>商圈</h1>
			<!--<a class="shaixuan_header_right" href="javascript:void(0);">确定</a>-->
		</div>
		
		<div class="shaixuan_shangquan">
			<ul class="quanquan" id="shangquanxinxi">
			</ul>
		</div>
	</div>
</div>


</form>
<link rel="stylesheet" href="css/mui.min.css">
<link href="css/mui.picker.css" rel="stylesheet" />
<link href="css/mui.poppicker.css" rel="stylesheet" />
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//下拉菜单
	$(function(){ 
		$('.retrie dt a').click(function(){
			var $t=$(this);
			if($t.hasClass('up')){
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
			}else{
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
				$t.addClass('up');
				$('.downlist').eq($(".retrie dt a").index($(this)[0])).show();
			}
		});			
			
		// tab切换
        $(function () {
           $('.w_xxtab_tit li').on('click',function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('w_on1').siblings().removeClass('w_on1');
                //显示对应的div
                				$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
           });
        });
		$(".haozhai_quyu ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#wage span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
		
		
		
		$(".price ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
//			$("#price span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
	});
	
	//固定
//	$(document).ready(function(){
//		var topMain=$(".header").height();//获取到头部的高度
//		var Logo=$("#Class");
//		$(window).scroll(function(){
//			if($(window).scrollTop()>topMain){
//				Logo.addClass("ScrollNav").css("z-index","102");
//			}else{
//				Logo.removeClass("ScrollNav");}
//		});
//	
//	});
	
	
	//筛选侧滑
	$(function(){      
		$("#showRight").click(function(){        
//			$(".cbp-spmenu-right").stop(true).animate({right:"150px"},'slow');  
			$(".cbp-spmenu-right").stop(true).animate({right:"0"},'slow');
			$("body").append("<div id='mask'></div>");
		});
		$(".quxiao_left a").click(function(){               
			$(".cbp-spmenu-right").stop(true).animate({right:"-90%"},'slow');   
			$("#mask").remove();
		}); 
	})
	//店铺选择
	$(function () {
        $('.shaixuan_dianpu span').on('click',function(){
			$(this).addClass('sx_curr').siblings().removeClass('sx_curr');
            $("#dianpuleixing").val($(this).attr("id"));   
           // alert(id);
        });
    });
    
    //热销
    $(function(){
    	 $('#rexiaogoods').on('click',function(){
    	 	 var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#remaigoodss").val(3);
    	 	 }else{
    	 	 	$("#remaigoodss").val("");
    	 	 }
    	 	 //alert(cs);
        });
    });
    
    //包换
    $(function(){
    	$('#shifoubaohuan').on('click',function(){
    		  var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#shifoubaohuans").val(1);
    	 	 }else{
    	 	 		$("#shifoubaohuans").val("");
    	 	 }
    	});
    });
    //金币抵扣
    $(function(){
    	   $('#jingbidikou').on('click',function(){
    		  var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#jingbidikous").val(1);
    	 	 }else{
    	 	 		$("#jingbidikous").val("");
    	 	 }
    	});
    });
    
    
    
    
    //商圈选择
    $(function () {
        $('.shaixuan_shangquan li').on('click',function(){
			$(this).addClass('sq_curr').siblings().removeClass('sq_curr');

        });
    });
    
	//商圈侧滑
	$(function(){      
		$(".show_shangquan").click(function(){        
//			$(".cbp-spmenu-right").stop(true).animate({right:"150px"},'slow');  
			$("#Shangquan").show();
		});
		$(".shangquan_quxiao a").click(function(){     

			$("#Shangquan").hide();   
	
		}); 
	})
</script>

<script>
	$(document).ready(function() {
  $(window).scroll(function() {
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
	// var strs=$("#tuijians").val();
	   currentPage++;
	   selectRemai();
    }

  });
});
</script>

</body>
</html>